<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src="${pageContext.request.contextPath}/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<div class="site-nav">
    <div>
        <c:if test="${sessionScope.user == null || sessionScope.user.right == 1}">
            <a href="/logpage" style="color: red;">亲，请登录</a>
            <a href="">免费注册</a>
        </c:if>
        <c:if test="${sessionScope.user != null && sessionScope.user.right == 0}">
            <a href="" id="sess" style="color: black;">${sessionScope.user.username}</a>
        </c:if>
    </div>
</div>

<div class="hover">
    <div style=" margin-top: 35px;">
        <a href="" style="float: left; display: block; margin-top: 5px; border-radius: 50%; ">
            <img  src="${pageContext.request.contextPath}/imgs/tou.jpg" width="60" height="60" alt="${sessionScope.user.username}"> </a>
        <div style="float: left; margin: 10px 0 0 10px;">
            <p> <a href="" target="_top">账号管理</a>
                <span class="site-nav-pipe">|</span>
                <a href="/logout" target="_top">退出</a> </p>
            <p class="level-info ">普通会员</p>
        </div>
    </div>

</div>
<script>
    $(function () {
        $("#sess").hover(function () {
            $(".hover").show();
        }, function () {
            $(".hover").hide();
        })
        $(".hover").hover(function () {
            $(".hover").show();
        }, function () {
            $(".hover").hide();
        })
    })
</script>

<div class="head-wrap">
    <div class="head-content center-wrap" style="padding-left: 100px;">
        <h1>
            <a href="/index"
               style="display: block;float: left; width: 150px;height: 72px;color:red;line-height: 72px;">影院购票</a>
        </h1>

        <div class="nav-wrap">
            <ul class="nav">
                <li>
                    <a href="/index" >首页</a>
                </li>
                <li>
                    <a href="/home">影片</a>
                </li>
                <li>
                    <a href="">影院</a>
                </li>
            </ul>
        </div>

    </div>
</div>